<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务类型礼包配置</title>

</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span>
    基础设置
    <span class="c-gray en">&gt;</span>
    服务组合配置
</nav>
<div class="page-container">
    <div id="merchantBasicServiceBagToolbar">
        <a href="javascript:;" onclick="merchantBasicServiceBagFun.del_all();" class="btn btn-danger radius">
            <i class="Hui-iconfont">&#xe6e2;</i> 批量删除
        </a>
        <a class="btn btn-primary radius" data-title="添加服务礼包" data-href="merchant/basic/serviceBag-add.html"
           onclick="Hui_admin_tab(this)" href="javascript:;">
            <i class="Hui-iconfont">&#xe600;</i>
            添加服务组合
        </a>
    </div>
    <div class="mt-20">
        <table id="basic-serviceBag" class="table table-border table-bordered table-bg table-hover table-sort">
        </table>
    </div>
</div>
<script type="text/javascript">
    /*服务礼包配置 merchantBasicServiceBagFun*/
    var merchantBasicServiceBagFun;

    merchantBasicServiceBagFun = {
        init: function () {
            $('#basic-serviceBag').bootstrapTable({
                url: 'biz/selectBizServicePackageRel',         //请求后台的URL（*）
                method: 'get',
                toolbar: '#merchantBasicServiceBagToolbar',                //工具按钮用哪个容器
                striped: true,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sortable: false,                     //是否启用排序
                sortOrder: "asc",                   //排序方式
                sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                //search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                strictSearch: true,
                showColumns: true,                  //是否显示所有的列
                showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                // height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                    //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                   //是否显示父子表
                columns: [
                    {
                        checkbox: true
                    }, {
                        field: 'servicePackageId',
                        title: '服务组合的ID',
                        visible: false
                    }, {
                        field: 'servicePackageName',
                        title: '服务组合名称'
                    }, {
                        field: 'price',
                        title: '服务组合价格',
                        formatter:function(value,row,index){
                            if(value != null){
                                return value/100;
                            }
                        }
                    }, {
                        field: 'discountPrice',
                        title: '打折价格',
                        formatter:function(value,row,index){
                            if(value != null){
                                return value/100;
                            }
                        }
                    }, {
                        field: 'serviceType',
                        title: '服务组合类型',
                        formatter:function(value,row,index){
                            if(value == '1'){
                                return '洗车';
                            }else if(value == '2') {
                                return '美容';
                            }else if(value == '3') {
                                return '保养';
                            }else if(value == '4') {
                                return '维修';
                            }
                        }
                    }, {
                        field: 'addTime',
                        title: '创建时间'
                    }, {
                        field: 'address',
                        title: '操作',
                        formatter: function (value, row, index) {
                            return `
                        <a class="btn btn-info btn-sm" type="button"
                         data-title="修改服务礼包"
                         data-href="merchant/basic/serviceBag-edit.html" onclick="Hui_admin_tab(this,'serviceBag-servicePackageId','${row.servicePackageId}')">修改
                        </a>
                        <a class="btn btn-danger btn-sm" onclick="merchantBasicServiceBagFun.del_array('${row.servicePackageId}')">删除
                        </a>
                    `;
                        }
                    }
                ]
            });
        },
        //删除
        del_array: function (index) {
            layer.confirm('确认要删除吗？', {btn: ['确定', '取消']},
                function () {
                    //确认删除
                    $.ajax({
                        type: "GET",
                        url: "biz/deleteBizServicePackage",
                        data: {servicePackageId: index},
                        dataType: "json",
                        success: function (data) {
                            if (data.state) {
                                layer.msg(data.message, {icon: 1});
                                $("#basic-serviceBag").bootstrapTable('refresh');
                            }
                        },
                        error: function () {
                            alert("error");
                        }
                    });
                },
                function () {
                    layer.msg('已取消！', {icon: 1});
                    return false;
                }
            )
        },
        //批量删除
        del_all: function () {
            layer.confirm('确认要删除吗？',
                {
                    btn: ['确定', '取消']
                },
                function () {
                    //确认删除
                    //获取所有被选中的记录
                    var rows = $("#basic-serviceBag").bootstrapTable('getSelections');
                    if (rows.length == 0) {
                        layer.alert("请先选择要删除的记录!");
                        return;
                    }
                    var ids = '';
                    for (var i = 0; i < rows.length; i++) {
                        ids += rows[i]['servicePackageId'] + ",";
                    }
                    ids = ids.substring(0, ids.length - 1);

                    //删除
                    $.ajax({
                        type: "GET",
                        url: "biz/deleteAllServicePackage",
                        data: {listId: ids},
                        dataType: "json",
                        success: function (data) {
                            if (data.state) {
                                layer.msg(data.message, {icon: 1});
                                //涮新table
                                $("#basic-serviceBag").bootstrapTable('refresh');

                                return true;
                            } else {
                                layer.msg("批量删除失败！", {icon: 2});
                                return false;
                            }

                        },
                        error: function () {
                            alert("error");
                        }
                    });

                },
                function () {
                    layer.msg('已取消！', {icon: 1});
                    return false;
                }
            );
        }
    };

    merchantBasicServiceBagFun.init();
</script>
</body>
</html>